草庐IT

Angular 2 表单

全部标签

javascript - 如何在 Angular 5 中使用 HttpClient 访问响应 header ?

我在Angular5中编写了一个身份验证服务,它使用HttpClient类向我的后端发出POST请求。后端通过发送JWT不记名token进行响应。我的请求是这样的:returnthis.http.post('http://127.0.0.1:8080/api/v1/login',{'username':username,'password':password},{headers:newHttpHeaders().set('Content-Type','application/json')}).toPromise().then(response=>{console.log(respons

javascript - 使用 javascript 提交的表单只能在 Google Chrome 中使用一次

我有简单的形式。...还有一些anchor链接Doit!它在FireFox或IE中运行良好,但在GoogleChrome中运行良好。Chrome执行一次,然后链接变得不可点击。 最佳答案 也有这样的问题。决定是在每次提交之前向URL添加一些随机内容。HTML:...JavaScript(jQuery):$('#go').attr('action','go.php?'+Math.random()*1000).submit(); 关于javascript-使用javascript提交的表单只

javascript - 将 HTML 表单字段转换为具有内部对象的 JSON 对象

给定以下HTML表单:Company:FirstName:LastName:在javascript中将此表单序列化为格式为JSON对象的最佳方法是什么:{Company:"ACME,INC.",Contact:{FirstName:"Daffy",LastName:"Duck"}}另请注意,“.”可能不止1个。登录字段名称。 最佳答案 我认为您要做的是:对于每个输入,首先在分隔符(“.”字符)处拆分名称。现在,您有一个名称数组。然后您可以遍历该数组,确保每次遇到新名称段时目标“程序集”对象(和子对象)都有容器。当数组中有1个元素时,

javascript - 根据单击的按钮将相同的表单发布到不同的操作

我在StackOverflow上有一篇类似的帖子,但也许我的误解更为严重。我有一个ActionIndex()和一个Index查看它的渲染。根据单击的按钮,从Index()View必须调用[HttpPost]Index()或[HttpPost]Search()因为我正在发布一些数据。发布到不同操作的唯一方法是使用jQuery吗?如果jQuery是唯一的方法,如果我的操作返回View(完整的Html页面),我必须从$.post中清除整个文档元素并用我的Viewhtml填充它?我对这一切都很陌生,非常感谢!@using(Html.BeginForm()){......}publicActio

javascript - jQuery 验证停止表单提交

我正在使用jQuery验证表单,但是当表单被验证时它会重新加载或提交我想停止该操作的页面。我已经使用了event.preventDefault(),但它不起作用。这是我的代码:$("#step1form").validate();$("#step1form").on("submit",function(e){varisValid=$("#step1form").valid();if(isValid){e.preventDefault();//Thingsiwouldliketodoaftervalidation$(".first_step_form").fadeOut();if(cou

javascript - Angular $httpBackend.expectGET - 响应 409 状态和自定义 statusText

尝试在单元测试中创建$httpBackend.expectGET以返回409状态和“TestPhrase”的自定义statusText。查看Angular文档(https://docs.angularjs.org/api/ngMock/service/$httpBackend)它给出了以下返回内容的示例:{function([status,]data[,headers,statusText])|function(function(method,url,data,headers)}无法理解如何解释上述示例。我当前的代码是:$httpBackend.expectGET('/example/

javascript - 如何使用 Javascript 数学库计算直 Angular 三 Angular 形的 Angular ?

考虑以下三Angular形:我想计算AngularX我有以下内容:varopposite=2.5;varhypotenuse=5;varsinOfAngleX=opposite/hypotenuse;//0.5现在我知道Math.sin(valueofAngleX)会返回0.5。但是,如果我知道Angular正弦值,如何使用Math()库获取Angular值?根据thistutorial,我需要做的:varangleX=sin的0.5的负数次方但我不知道如何将其翻译成JS。我试过了:varangleX=Math.pow(Math.sin(sinOfAngleX),-1);但它返回2.0

javascript - Angular UI Router - 具有空 Url 的抽象父状态

我试图在我的应用程序中设置多个嵌套状态。这是相关代码。functionconfigFn($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("/cart");$stateProvider.state('checkout',{url:'/',templateUrl:'app/checkout/views/checkout.container.html',controller:'checkoutCntrl',abstract:true}).state('checkout.cart',{data:{step:1},u

javascript - Chart.js & Angular 2 - ng2-charts 自定义点击事件

我正在尝试在我的Angular2项目中实现ng2-charts,我想知道如何创建自定义onclick事件。意思是,我想覆盖购物车上的当前onclick事件以执行一些自定义功能(重定向到页面、显示模态等)。有没有简单的方法来做到这一点?它是内置的吗?任何见解将不胜感激 最佳答案 我在https://github.com/valor-software/ng2-charts/issues/489找到了这个解决方案publicchartClicked(e:any):void{if(e.active.length>0){constchart=

javascript - 我应该如何在 Angular2 中制作可配置模块

我想知道在angular2中设置可配置模块的最佳方法是什么。在angular1中,这通常是通过提供者完成的。随着它们发生了相当大的变化,您将如何将配置参数传递给可重用的ng2模块/指令/组件?安ng1example://configuringa(thirdparty)module.config(function(angularPromiseButtonsProvider){angularPromiseButtonsProvider.extendConfig({spinnerTpl:'',disableBtn:false});});//settinguptheprovider.provi